<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>对象</title>
  </head>
  <body>
    <script>
        // 遍历数组
      //   let arr = [10, 20, 30, 40]
      //   for (let i = 0; i < arr.length; i++) {
      //     console.log(arr[i])
      //   }
      //   console.log(arr)

        let obj = {
            // 属性
            name:'姜新华',
            age:18,
            grender:'男',
            hobby:'打游戏',
            color:'黄色',
            // 行为，方法
            // game sleep eat 都是方法名（自定义）
            game:function () {
                document.writeln('打游戏')
                console.log('打游戏')
            },
            sleep:function () {
                document.writeln('睡觉')
                console.log('睡觉')
            },
            eat:function () {
                document.writeln('吃饭')
                console.log('吃饭')
            }
        }

        // 调用(输出)对象
        // console.log(obj)

        // 访问属性 用 点. 的方式   调属性的时候没有 小括号（）
        // 语法：方法名.属性名
      //   console.log(obj.name)
      //   console.log(obj.age)
      //   console.log(obj.grender)
      //   console.log(obj.hobby)
      //   console.log(obj['color'])

        // 调用/访问 方法 注意小括号
      //   obj.game()
      //   obj.sleep()
      //   obj.eat()

        // 遍历对象
        // 对象是没有长度的 for in

        // 语法：
        // for(let 变量 in 对象) {

        // }

        // in 在……里面
        for(let key in obj) {
            console.log(obj[key])  // 对象名[key]  属性值
            console.log(key) // key 属性名
            console.log(obj.color) // 对象名.属性名 8个该属性
            obj.eat() // 8个吃饭
        }
        obj.game()
    </script>
  </body>
</html>
